<template>
  <div class="error_box">
    <div class="error_centent">
      <div class="error_img">
        <img src="../assets/image/error.png" />
      </div>
      <div class="error_text">抱歉，您暂无访问权限</div>
      <!--      返回登录页-->
      <el-button round type="primary" @click="comeback">返回上一页</el-button>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    // 返回上一页
    comeback() {
      this.$router.go(-1);
    },
  },
};
</script>
<style>
.error_box {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
}

.error_centent {
  margin: auto;
  height: 30vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.error_img img {
  width: 10vw;
  height: 20vh;
}

.error_text {
  color: rgba(61, 56, 56, 0.6);
  font-weight: 700;
}

.error_centent .el-button {
  height: 3.5vh;
  line-height: 1vh;
}
</style>
